import React from "react";
import MyContext from "./MyContext";
import C1 from "./C1";
const App = function () {
  const themes = {
    1: { background: "red", color: "white" },
    2: { background: "pink", color: "blue" },
    3: { background: "blue", color: "orange" },
  };
  const [theme, setTheme] = React.useState("1");
  return (
    <div>
      <MyContext.Provider value={{ theme: themes[theme], setTheme }}>
        <C1></C1>
      </MyContext.Provider>
    </div>
  );
};
export default App;
